<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>实时性能同步</title>
	<meta name="decorator" content="default"/>
	<style type="text/css">
	* {
		font-size: 12px;
	}
	</style>
	 <tags:import includes="spinner,bootbox,form"></tags:import>
	 <tags:import includes="tree,jqUI,jqUICss"></tags:import>
     <script src="${ctxStatic}/modules/core/perf/perfTree.js"></script>
	 <script type="text/javascript">
		var _ctx = '${ctx}';
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#frmSearch").submit();
			return false;
		}
	</script>
</head>
<body>
	<br>
	<form id="frmSearch" modelAttribute="dict" action="${ctx}/alarm/alarmHist/" method="post" class="breadcrumb form-search">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>		
	</form>
<!-- 		<div class="page-header position-relative"> -->
<!-- 			<h1> -->
<!-- 				实时性能同步 -->
<!-- 				<small> -->
<!-- 				<i class="icon-double-angle-right"></i> -->
<!--                 Real time Performance Synchronization -->
<!-- 		    	</small> -->
<!-- 			</h1> -->
<!-- 		</div> -->
		
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">站&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="湖北武汉" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">网元标识：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="172.16.161.10" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
<!-- 	          <button class="btn btn-small btn-info"> -->
<!-- 	        	<i class="icon-pencil">&nbsp;指  标&nbsp;</i> -->
<!-- 	      	  </button> -->
<!-- 				<button class="btn btn-small btn-warning"> -->
<!-- 					<i class="icon-pencil"></i> -->
<!-- 					指  标 -->
<!-- 				</button> -->
	        </span>
	    </div>	
	<br>
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">机 &nbsp;&nbsp;&nbsp;&nbsp;架：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="CHASSIS:1" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">机&nbsp;&nbsp;&nbsp;&nbsp;盘：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="SLOT:1" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <button class="btn btn-info">
	        	<i class="icon-pencil"></i>
	        	同 步
	      	  </button>
	      	  
<!-- 	      	  <a href="#modalTable"  id="btnNew" type="button" role="button" class="btn" data-toggle="modal"> 新增 </a> -->
	        </span>
	    </div>
	    
	<br>
	    <div class="control-group"">
	        <span class="span3">
	            <label class="control-label" for="form-field-5">&nbsp;Duration：</label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="" />
	          </label>
	        </span>
	        &nbsp;
	        <span class="span3">
	          <label class="control-label" for="form-field-5">Interval：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="10" />
	          </label>
	        </span>
	    </div>	
	    <br>
	    <div class="control-group"">
	        <span class="span3">
	          <label class="control-label" for="form-field-5">Max Display Points：</label>
	        </span>	  
	        &nbsp;
	        <span class="span3">
	          <label>
	        	<input class="span1" type="text" id="form-field-5" placeholder="10" />
	          </label>
	        </span>
	    </div>	    
	    
	    		    
	<br>
<!--  111 -->

	<div class="row clearfix">
		<div class="col-md-2 column">
			<div class="panel-group" id="panel-745217">
				<div class="panel panel-default">
					<div class="panel-heading">
						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-745217" href="#panel-element-338096"><span style="font-size:12px;">性能指标</span></a>
					</div>
					<div id="panel-element-338096" class="panel-collapse in">
						<div class="panel-body">
						  <div>
							<div id="tree1" class="tree"></div>
						  </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-10 column">

			<div class="panel-group" id="panel-745217">
				<div class="panel panel-default">
					<div class="panel-heading">
						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-745217" href="#panel-element-338096"><span style="font-size:12px;">图形分析</span></a>
					</div>
					<div id="panel-element-338096" class="panel-collapse in">
						<div class="panel-body">
						  <div>
							<img class="nav-user-photo" src="${ctxStatic}/bootstrap/ace/assets/images/1111.PNG">
						  </div>
						</div>
					</div>
				</div>
			</div>

<!--  333 -->
	</div>	
</div>

	
</body>
</html>